<template>
  <div>
    <el-form :model="formData" ref="vForm" :rules="rules" label-position="left" label-width="78px" size="small"
      @submit.native.prevent>
      <div class="record-title">面部熏蒸知情告知书</div>
      <div class="patient-info">
        <div class="info-row">
          <span class="info-item">
            患者姓名：<span class="underline">123</span>
          </span>
          <span class="info-item">
            性别：<span class="underline">123</span>
          </span>
          <span class="info-item">
            年龄：<span class="underline">123</span>
          </span>
        </div>
      </div>
      <div class="instructions center">
        <p>面部熏蒸注意事项：</p>
        <ol>
          <li><span class="limark">熏蒸时间：</span>
            面部熏蒸的时间一般为15至35分钟，具体时间根据个体差异和熏蒸效果进行调整。
          </li>
          <li><span class="limark">熏蒸时间：</span>
            熏蒸过程中，温度应控制在适宜范围内，一般在37至41℃之间，以舒适为原则。过热时，应及时调整施术部位与蒸汽间的距离或关闭熏蒸器降温。
          </li>
          <li><span class="limark">适量饮水：</span>
            熏蒸前后要适量饮水，以补充体内水分，避免出汗过多引起脱水。
          </li>
          <li><span class="limark">避免风寒：</span>
            熏蒸结束后，应注意保暖，避免直接吹风，防止外感风寒。
          </li>
          <li><span class="limark">皮肤观察：</span>
            治疗过程中，应密切观察面部皮肤反应，如出现红肿、瘙痒、疼痛等不适症状，应立即停止熏蒸，并及时告知医护人员。
          </li>
          <li><span class="limark">禁忌人群：</span>
            <ol class="disc">
              <li>患有严重心、肺疾病者禁做熏蒸。</li>
              <li>面部皮肤有开放性创口、感染性病灶者慎用。</li>
              <li>过敏体质者及对熏蒸药物过敏者禁用。</li>
              <li>妇女妊娠期和月经期间禁用。</li>
              <li>饭前、饭后半小时内，饥饿以及过度疲劳者不宜进行熏蒸。</li>
            </ol>
          </li>
          <li><span class="limark">陪护要求：</span>
            年老体弱者、体质虚弱者及初次接受熏蒸治疗者，应有家属或医护人员陪护，以避免烫伤、着凉等意外情况发生。
          </li>
          <li><span class="limark">其他注意事项：</span>
            <ol class="disc">
              <li>熏蒸前应排空大小便，避免熏蒸过程中产生不适。</li>
              <li>熏蒸过程中应避免忍便，以免影响熏蒸效果。</li>
              <li>熏蒸结束后，应让皮肤上的汗液自然吸收或轻轻擦干，避免用力擦拭导致皮肤破损。</li>
            </ol>
          </li>
        </ol>
        <p><span class="limark">患者/家属声明：</span></p>
        <p>本人已认真阅读并理解上述面部熏蒸的注意事项和禁忌人群，同意接受该项治疗。如有任何不适或疑问，将及时告知医护人员。</p>
      </div>
      <!-- 签名区域 -->
      <div class="signature center">
        <div class="signature-row">
          <span>患者/家属签名：</span>
          <input type="text" placeholder="请输入">
          <span>日期：</span>
          <input type="text">
        </div>
        <div class="signature-row">
          <span>执行护士签字：</span>
          <input type="text" placeholder="请输入">
          <span>日期：</span>
          <input type="text">
        </div>
      </div>
    </el-form>
  </div>
</template>
<script>
export default {
  name: '',
  data() {
    return {
    }
  },
  methods: {
  },
}
</script>
<style lang="scss" scoped>
.center {
  width: 80%;
  margin: 0 auto;
}

.record-title {
  font-size: 27px;
  font-weight: bold;
  text-align: center;
  margin: 20px 0;
}

.patient-info {
  text-align: center;
  margin-top: 20px;
}

.info-row {
  display: inline-block;
  padding-bottom: 15px;
}

.info-item {
  display: inline-block;
  margin: 0 20px;
  font-size: 16px;
  color: #333;
}

.underline {
  display: inline-block;
  min-width: 120px;
  border-bottom: 1px solid #666;
  margin-left: 8px;
  text-decoration: none;
}

.instructions {
  font-size: 18px;
  line-height: 1.6;
  padding: 20px;
  border-radius: 5px;
}

.instructions p {
  margin-bottom: 10px;
}

.instructions ol {
  padding-left: 20px;
}

.instructions li {
  margin-bottom: 10px;
}

li::marker {
  font-weight: bold;
}

.instructions .disc {
  li {
    padding-left: 10px;
  }

  li::marker {
    font-weight: 900;
    content: "·";
    padding-right: 10px;
  }
}

.limark {
  font-weight: bold;
}

.section-title {
  font-size: 19px;
  margin: 25px 0 15px;
  padding-left: 10px;
  font-weight: bold;
}

.footer {
  min-height: 20px;
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 20px;
  font-size: 18px;
}

// 去除input样式
input {
  border: none;
  text-align: center;
  width: 100%;
}

input[type=text]:focus {
  outline: none;
}

.signature {
  text-align: right;
  font-size: 17px;
  margin-bottom: 40px;
}

.signature-row {
  margin: 10px 0;
}

input {
  border: 0;
  border-bottom: 1px solid #000;
  width: 120px;
  margin-left: 5px;
}
</style>
